*{

    margin: 0;

    padding: 0;

}



a{

    text-decoration: none;

}



.index-item{

    width: 100%;

}



.flex{

    display: flex;

}



.flex-jc-sb{

    justify-content: space-between;

}



.flex-al-c{

    align-items: center;

}



.container{

    width: 76%;

    margin: auto;

}



.swiper-slide img{

    max-width: 100%;

    display: block;

    margin: auto;

}



.index-item-1{

    padding: 50px 0 0 0;

}



.index-item-title{

    font-size: 45px;

    text-align: center;

    letter-spacing: 4px;

}



.index-item-1-list{

    margin-top: 40px;

}



.index-item-swiper-title{

    margin-top: 20px;

    text-align: center;

    color: #000;

    font-size: 24px;

    margin-bottom: 8px;

}



.index-item-swiper-subtitle{

    color: #9E9E9E;

    text-align: center;

    margin-bottom: 8px;

}



.index-item-swiper-price{

    color: #000;

    text-align: center;

    margin-bottom: 20px;

}



.index-item-swiper-price span{

    font-size: 20px;

}



.index-swiper{

    padding-bottom: 50px;

}



.index-item-bot{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    display: flex;

    justify-content: center;

}



.index-item-bot .swiper-pagination{

    position: static;

    width: auto;

    display: flex;

    align-items: center;

}



.index-item-bot .swiper-button-next, .index-item-bot .swiper-button-prev{

    position: static;

    margin-top: 0;

    height: 30px;

}



.index-item-bot .swiper-button-next:after, .index-item-bot .swiper-button-prev:after{

    font-size: 22px;

    color: #999;

}



.index-item-bot .swiper-button-prev{

    margin-right: 10px;

}



.index-item-bot .swiper-button-next{

    margin-left: 10px;

}



.index-item-bot .swiper-pagination-bullet{

    background: #999;

    border: 1px solid #999;

    opacity: 1;

    width: 4px;

    height: 4px;

    margin: 0 8px !important;

}



.index-item-bot .swiper-pagination-bullet-active{

    background: #fff;

    border: 1px solid #999;

    width: 6px;

    height: 6px;

}



.index-item-banner img{

    display: block;

    width: 100%;

}



.index-item-banner{

    margin-top: 50px;

    margin-bottom: 30px;

}



.index-item-2{

    padding: 60px 0 0 0;

}



.index-item-2-list{

    width: 80%;

    margin: auto;

}



.index-item-2-list .index-item-swiper-price{

    color: #999;

    margin-bottom: 15px;

}



.index-item-2-list .index-item-swiper-price span{

    color: #666;

}



.index-item-swiper-xg{

    width: 45%;

    display: block;

    background: #000;

    color: #fff;

    margin: auto;

    text-align: center;

    height: 28px;

    line-height: 28px;

}



.index-zhuangui{

    margin-top: 150px;

}



.index-zhuangui .container{

    display: flex;

    justify-content: space-between;

}



.index-zhuangui-item{

    width: 48%;

}



.index-zhuangui-item-img img{

    vertical-align: middle;

    width: 100%;

}



.index-zhuangui-item-title{

    text-align: center;

    line-height: 50px;

    font-size: 20px;

}



footer{

    /*background: #351500;

    padding: 40px 0 120px 0;

    color: #FFDA8B;

    font-size: 18px;

    line-height: 30px;*/

    margin-top: 30px;

}



.footer-item{

    border-right: 1px solid #FFDA8B;

    width: 30%;

}



.footer-item:nth-of-type(2){

    width: 40%;

}



.footer-item:last-child{

    border-right: 0;

}



footer img{

    display: block;

    width: 100%;

}



header{

    position: relative;

    z-index: 10;

    padding: 50px 0 0 0;

    background: transparent;

}



nav{

    margin-top: 20px;

}



nav a{

    color: #fff;

    margin-right: 30px;

    position: relative;

}



nav.he a{

    color: #480109;

}



nav a:nth-of-type(2){

    margin-right: 50px;

}



nav a span{

    position: absolute;

    right: -32px;

    border-top-left-radius: 5px;

    background: red;

    border-bottom-right-radius: 5px;

    top: -3px;

    font-size: 12px;

    padding: 0 3px;

}



.logo{

    text-align: center;

}



.logo img{

    vertical-align: middle;

}



.mySwiper{

    margin-top: -161px;

}



.index-item-subtitle{

    text-align: center;

    margin: 10px 0;

    font-size: 22px;

}



.danpin{

    display: flex;

    flex-wrap: wrap;

    margin-top: 30px;

}



.danpin-item{

    width: 23%;

    margin-right: 2%;

    margin-bottom: 25px;

    background: #ededed;

    padding-bottom: 50px;

}



.danpin-item img{

    display: block;

    width: 69%;

    margin: auto;

}



.danpin-item:nth-of-type(1){

    width: 73%;

    padding-bottom: 0;

}



.danpin-item:nth-of-type(1) img{

    width: 100%;

}



.danpin-item:nth-of-type(2), .danpin-item:nth-of-type(6){

    margin-right: 0;

}



.index-swiper .swiper-slide{

    max-width: 33%;

}



@media screen and (max-width: 1024px){

    .danpin-item{

        padding-bottom: 25px;

    }



    .index-item-swiper-title{

        font-size: 16px;

        margin-top: 10px;

    }



    .danpin-item img{

        width: 53%;

    }

}